﻿@charset "utf-8";
* { margin: 0px; padding: 0px;}
html{overflow:auto;overflow-x:hidden;}
body{line-height:1.5; font:12px "Microsoft YaHei",微软雅黑; color:#333;}
ol,ul { list-style:none; }
a { color:#333;text-decoration:none; }
a:hover{ color:#f86868; }
img { border:0;  vertical-al ign:middle;}
table { border-collapse:collapse; }
.clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
input{ border:none;background: none;font: 14px "Microsoft YaHei",微软雅黑;/*color: #a1a1a1;*/vertical-align:middle;}
input::-ms-clear { display: none; }
textarea{font-family:"Microsoft YaHei";}
.wrapper{ width:1000px; margin:0 auto;}
.block{ display:block;}
.inlineBlock{ display:inline-block; *display:inline; *zoom:1;}
.icons{background:url(../images/icons.png?v20160123) 0 0 no-repeat;}
.green{color: #00aba2;}

.red{color: #e91919;}
.h20{width: 100%;height: 20px;overflow: hidden;}
.h40{width: 100%;height: 40px;overflow: hidden;}
.h80{width: 100%;height: 80px;overflow: hidden;}
.h6{width: 100%;height: 6px;overflow: hidden;}
.h60{width: 100%;height: 60px;overflow: hidden;}
.h10{width: 100%;height: 12px;overflow: hidden;}
.hide{display: none;}
.show{display:;}
.pl10{padding-left: 10px;}

#windowMask { position: absolute; z-index: 11200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); background-color: transparent !important; background-color: #000000; background-image: url(/statics/maskBG.png?v20151009) !important; background-image: none; background-repeat: repeat; display: none; }
/*dialog样式0*/
.dialogSubmit0 {}
.dialogCancel0 {}
.dialogBoxFace0 { behavior: url(/statics/dialog/0/png.htc); }
.dialogBodyBox0 { border: 0px; background: url(/statics/dialog/0/sBody_bg.png) repeat-x left top; overflow:hidden;}
.dialogMsg0 { text-align: left; font-size: 12px; color: #000; }
.dialogFunc0 { text-align: center; }
.dialogBox0 { border: 1px solid #D1D1D1; z-index: 11210; }
.dialogTitleDiv0 { display:none; }
.dialogBoxTitle0 { display:none; }
.dialogBoxClose0 { display:none; }
.dialogBody0 { background: #fff; color: #000; border: 0px; margin: 0px; padding: 0px; overflow:hidden;}

/*dialog样式3*/
.dialogSubmit3
    {
        width: 106px;height: 34px; cursor:pointer;line-height: 34px;font: 16px "Microsoft YaHei" ,"微软雅黑";color: #fff;text-align: center;background:url(../images/icons.png) 0 -793px no-repeat;border: none;display:inline-block;*display:inline;*zoom:1;
    }
    .dialogCancel3
    {
        color: #00bab1;cursor:pointer;margin-right: 14px;background:url(../images/icons.png)  -674px -749px no-repeat;width: 106px;height: 34px;line-height: 34px;font: 16px "Microsoft YaHei" ,"微软雅黑";text-align: center;border: none;display:inline-block;*display:inline;*zoom:1;
    }
    .dialogBoxFace3
    {
        display:none;
    }
    .dialogBodyBox3
    {
        border: 0px;
        overflow: hidden;
    }
    .dialogMsg3
    {
        text-align: center;
        color: #888888;
        line-height: 28px;
    }
    .dialogFunc3
    {
        text-align: center;padding-top: 22px;
    }
    .dialogBox3
    {
        width: 460px;z-index: 11210;position: absolute;font-family:"Microsoft YaHei" ,微软雅黑;
    }
    .dialogTitleDiv3
    {
        width: 100%;height: 36px;line-height: 36px;background:url(../images/tkDefault_top.png?v20160105) left top no-repeat;overflow: hidden;
    }
    .dialogBoxTitle3
    {
        display: block;height: 36px;margin-left: 22px;background:url(../images/tkDefault_icon.png?v20160105) left center no-repeat;padding-left: 14px;font-size: 14px;color: #333;width: 140px;float: left;
    }
    .dialogBoxClose3
    {
      width: 12px;height: 12px;display: block;margin: 12px 16px 0 0;background:url(../images/icons.png) -208px -151px;float: right;
    }
    .dialogBody3
    {
        background:url(../images/tkDefault_mid.png) left top repeat-y; padding:0 36px;width: 388px;padding-top: 20px;min-height:120px;_height:120px;font-size:14px;
    }
    .dialogBoxShadow
    {
        background:url(../images/tkDefault_bot.png) left top no-repeat;height: 16px;overflow: hidden;
    }
    #dialogBoxDivShim
    {
        z-index: 208;
    }
#dialogFrame { border: 4px #EEF2F6 solid; margin: 0px; padding: 0px; }


/*head css*/
.topper{height: 42px;line-height: 40px; background:url(../images/top_bg.png) top left repeat-x;}
.beforeLog{float: right;text-align: right;}
.beforeLog a{font-size: 14px;color: #333;}
.beforeLog a.regLink{background-position: -118px -721px;width: 84px;height: 28px;line-height: 28px;text-align: center;color: #fff;margin: 7px 0 0 24px;}
.shareTo{font-size: 12px;color: #666;position: relative;width: 500px;}
.shareTo span{float: left;padding-right: 10px;}
.shareTo a{height: 14px;margin: 13px 14px 0 0;}
.shareTo a.sitem1{width: 12px;background-position: 0 0;}
.shareTo a.sitem2{width: 16px;background-position: -29px 0;}
.shareTo a.sitem3{width: 16px;background-position: -59px 0;}
.shareTo a.sitem1:hover{background-position: 0 -25px;}
.shareTo a.sitem2:hover{background-position: -29px -25px;}
.shareTo a.sitem3:hover{background-position: -59px -25px;}
.shareTo .weixinCode{width: 110px;height: 119px;background:url(../images/index_weixin_tk.png) left top no-repeat;position: absolute;left: 40px;top: 28px;}
.shareTo .weixinCode img{position: absolute;bottom:5px;left: 5px;}


.nav{float: right;width: 840px;text-align: right;height: 102px;}
.navBox{width: 226px; height: 102px;background:url(../images/nav_line.png) right center no-repeat;padding-left: 36px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
.navBox .navIcon{width: 24px;height: 24px;margin: 39px 34px 0 0;float: left;}
.navBox ul{float: left;width: 164px;height: 60px;margin: 21px 4px 0 0;overflow: hidden;}
.navBox li{height: 30px;line-height: 30px;font-size: 14px;width: 82px;text-align: left;float: left;}
.navBox li.navRig{/*width: 62px;*/}
.navBox li .redFocus{color: #d95b5b;}
.navBox li a.on{color: #00aba2;}
/*.navBox2 ul li,
.navBox3 ul li{margin-top: 15px;}*/
.navBox3{background: none; /*width: 206px;*/}
.navBox3 ul{/*width: 144px;*/}
.navBox1 .navIcon{background-position: 0 -125px;}
.navBox2 .navIcon{background-position: -37px -125px;}
.navBox3 .navIcon{background-position: -73px -125px;}

/*main*/
.main{background:url(../images/main_bg.png) left top repeat-x;min-height:498px;/*_height:564px;*//*overflow: hidden;*/}

/*footer*/
/*.freLink{font-size: 14px;border-bottom: 1px solid #d6d6d6;height:20px;line-height: 20px;padding: 34px 0 20px 0;color: #9c9c9c;}
.freLink a{color: #888;padding-right: 28px;}
.left{width: 744px;float: left;}
.fotShare{float: right;margin-top: 22px;width: 240px;}
.fotShare .qrCode{float: right;width: 70px;height: 70px;}
.fotShare .shareNow{float: right;padding:16px 32px 0 0;_padding-right: 16px;}
.fotShare .shareNow a{display: block;float: left;width: 32px;height: 32px;margin-left: 14px;}
.fotShare .shareNow .share1{background-position: 0 -81px;}
.fotShare .shareNow .share2{background-position: -45px -81px;}
.fotShare .shareNow .share3{background-position: -90px -81px;}
.fotShare .shareNow .share1:hover{background-position: -264px -46px;}
.fotShare .shareNow .share2:hover{background-position: -309px -46px;}
.fotShare .shareNow .share3:hover{background-position: -354px -46px;}
.fotnav{padding:28px 0 16px 0;}
.fotnav a{font-size: 14px;color: #666;padding-right: 40px;}
.fotnav a:hover,
.freLink a:hover{color:#f86868;}
.copy{color: #9c9c9c;}
.footer{background-color: #ebebeb;height: 188px;}
.footer .freLink{background:url(../images/footer_line.png) left bottom repeat-x;border-bottom: none;}*/

.footer{background-color: #ededed;}
.footer a{color: #666;}
.footer a:hover{color:#f86868;}
.ftPartner{height:96px;background-color: #fcfcfc;border-top: 1px solid #f2f2f2;}
.ftPartner .ftPart_tit{height:40px;line-height: 40px;}
.ftPartner .ftPart_tit h2{font-size: 14px;}
.ftPartner .ftPart_tit a{float: right;font-size: 12px;color: #888;}
.ftPartner .ftPar_con li{width: 138px;height: 40px;text-align: center;border: 1px solid #e0e0e0;margin-right: 32px;float: left;overflow: hidden;}
.ftPartner .ftPar_con li.maNo{margin-right:0;}
.ftNav{overflow: hidden;border-top: 1px solid #dedede;padding:26px 0 42px 0;font-size: 14px;}
.ftNav .ftNav_box{width: 148px;padding-left: 18px; float: left;background:url(../images/footer_line2.png) right 0 no-repeat;min-height:168px;}
.ftNav .bgNo{background: none;}
.ftNav .ftNav_box .ftNav_tit{font-size: 14px;font-weight: bold;padding-bottom: 12px;}
.ftNav .ftNav_box .ftNav_list li{line-height: 24px;}
.ftNav .ftNav_box .ftNav_list li a{color: #666;width: 140px;display: block;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.ftContact li{height: 32px;line-height: 32px;/*overflow: hidden;*/margin-bottom: 8px;position: relative;z-index:2;}
.ftContact li span{display: block;float: left;width: 32px;height: 32px;margin-right: 12px;}
.ftContact li span.share1{background-position: 0 -81px;}
.ftContact li span.share2{background-position: -45px -81px;}
.ftContact li span.share3{background-position: -90px -81px;}
.ftContact li a:hover{color: #666;}
.ftContact li a:hover span.share1{background-position: -264px -46px;}
.ftContact li a:hover span.share2{background-position: -309px -46px;}
.ftContact li a:hover span.share3{background-position: -354px -46px;}
.footer .copy{height:36px;line-height: 36px;padding-top: 2px;background:url(../images/footer_line.png) left top repeat-x;text-align: center;color: #9c9c9c;}
.footer .foot_wxCode{width: 110px;height: 119px;background:url(../images/index_weixin_tk.png) left top no-repeat;position: absolute;left: 0px;top: 28px;z-index:10;}
.footer .foot_wxCode img{position: absolute;bottom:5px;left: 5px;}

/*表单*/
.row{margin-bottom: 14px;}
.row .rowTit34{text-align: right;display: block;float: left;line-height: 34px; margin-right: 8px;font-size: 14px;}
.row .form34_l{height: 34px;float: left;padding-left: 10px;background:url(../images/input_h34_l.png) left top no-repeat;}
.row .form34_r{height: 34px;line-height: 34px;padding-right: 10px;background:url(../images/input_h34_r.png) right top no-repeat;outline:none;float: right;}
.row .form34_errL{background:url(../images/input_h34_erro_l.png) left top no-repeat;}
.row .form34_errR{background:url(../images/input_h34_erro_r.png) right top no-repeat;}
.row .imp{font-size: 16px;color: #fb0303;line-height: 34px;margin-left: 4px;width: 8px;display: block;float: left;}
.formTip{font-size: 14px;float: left;}
.formTip .red{color: #e91919;}
.formTip .tipIcon{width: 18px;height: 18px;margin:8px 8px 0 14px;display: block;float: left;font-size: 14px;}
.formTip .errIcon{background-position: -425px -46px;}
.formTip .rightIcon{background-position: -451px -46px;}
.nice-select{position: relative;width: 254px;height: 34px;background-position: -520px -709px;float: left;padding-left: 10px;cursor: pointer;z-index:3;}
#nice-select1{z-index:50;}
#nice-select2{z-index:20;}/*语言*/
.nice-select input{width: 252px;height: 34px;line-height: 34px;border: 0;outline: 0;background: none;font-size: 14px;color: #333;cursor: pointer;}
.nice-select ul{width: 262px;display: none;position: absolute;left:0;top:34px;overflow: hidden;background-color: #fff;border: 1px solid #d1d1d1;border-top: 0;z-index:999;}
.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;cursor: pointer;padding-left: 10px;font-size: 14px;}
.nice-select ul li.on{background-color: #e0e0e0;}

.btn:hover{color: #fff;}
.btn106,
.btn120{width: 106px;height: 34px;display: block;line-height: 34px;text-align: center;font-size: 16px;color: #fff;background-position: 0 -793px;cursor: pointer;}
.btn120{width: 120px;background-position: -534px -862px;}
.btn106:hover,
.btn120:hover{color: #fff;}


/*input.edited:-moz-placeholder { 
    color: #a1a1a1;  
}

input.edited::-moz-placeholder { 
    color: #a1a1a1;
}

input.edited:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a1a1a1;
}

input.edited::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a1a1a1;
}
*/


@charset "utf-8";
body{background-color: #eff0f1;}
.payWrap{width: 950px;margin: 0 auto;}
.payHead{height: 60px;background-color: #fff;border-bottom: 1px solid #d9d9d9;}
.payHead .payTitle{width: 300px;height: 60px;float: left;}
.payHead .payTitle span{font-size: 16px; color: #676d70;line-height: 60px;float: left;margin: 0px; }
.payHead .payTitle .logo{float: left; height: 102px;margin: 0px ;}
.payHead .payTitle .logo img{ height: 60px;}



.order{margin-top: 15px;position: relative;border-bottom: 3px solid #b3b3b3;padding: 16px 23px;font-size: 12px;}
.order .orderDetail{position: relative;}
.order .orderDetail .orderTip1{color: #08c;cursor: pointer;}
.order .orderDetail .orderTip2{position: absolute;top:-15px;left: 143px;background-color:#E8E8E8;;}
.order .orderDetail .orderTip2 .orderTip_content{width: 360px;background-color: #fff;border: solid 1px #B3B3B3;margin: 2px;padding:10px 12px;}
.order .orderDetail .orderTip2 .orderTip_content p{padding-top: 5px;}
.order .orderDetail .orderTip2 .orderTip_arrow{background:  url(../images/payment_bg1.png) 0 0 no-repeat;background-position: -2px -13px;_background-position: -3px -13px;height: 16px;left: -6px;margin-top: 12px;text-indent: -999px;top: 0;width: 9px;z-index: 1;position: absolute;}
.order .commodity_message{height: 22px;line-height: 22px;padding-top: 12px;}
.order .commodity_message strong{font-size: 14px;padding-right:20px;}/*20160219*/
.order .commodity_message span{}/*20160219*/
.order .payAmount_area{position: absolute;bottom: 36px;right: 23px;text-align: right;z-index: 1;}
.order .payAmount_area strong{font-size: 22px;line-height: 22px;color: #f60;}

.order_center{overflow: hidden;position: relative;z-index: 1;min-height: 526px;background-color: #fff;border-bottom: 3px solid #b3b3b3;width: 100%;}/*20160219*/
.occode_area{width: 182px;margin-left: 204px;}/*20160219*/
.occode_area .occode_top{text-align: center;margin: 75px 0 16px 0;}
.occode_area .occode_top strong{font-size: 26px;color: #f60;}
.occode_area .occode_mid{height: auto;width: 168px; position: relative;min-height:168px;border: 1px solid #d3d3d3;padding: 6px;box-shadow: 1px 1px 1px #ccc;}
.occode_area .occode_img{text-align: center;width: 168px;height: 168px;overflow: hidden;}
.occode_area .occode_explain{padding: 10px 0 6px 0;overflow: hidden;}
.occode_area .occode_explain img{float: left;margin: 5px 10px 0 12px;}
.occode_area .occode_explain p{float: left;}
.occode_area .occode_foot{text-align: center;padding:10px 0;}
.occode_area .occode_foot a{text-decoration: underline;color: #a6a6a6;}
.order_center .ordcen_example{position: absolute;width: 329px;height: 421px;top: 46px;right: 147px;}

.payFooter{color: #9c9c9c;text-align: center;padding: 30px 0;}


















